html.dark-github {
  background: #0c0303 !important;
  --el-bg-color-page: #16100f;
  --el-bg-color: #0c0303;
  --el-bg-color-overlay: #0c0603;
  --el-text-color-primary: #c1c1c1;
  --el-text-color-regular: #cfd3dc;
  --el-fill-color: #292929;
  --el-fill-color-light: #0f1216;
  --el-fill-color-lighter: #1e2228;
  --el-overlay-color-lighter: #2f323467;
}
html.dark-douyin {
  background: #16171f !important; //菜单背景，头部背景
  --el-bg-color-page: #16171f; //主容器背景
  --el-bg-color: #21222c; //EP容器背景，tab 头部背景，弹窗body,抽屉 body
  --el-bg-color-overlay: #20212b; //下拉背景
  --el-text-color-primary: #ffffff80; //语雀文字：262626
  --el-text-color-regular: #ffffff90; //主题文字:菜单文字，面包屑，表头,设置,弹窗标题
  --el-fill-color: #292929; //分页数字按钮填充色
  --el-fill-color-light: rgba(255, 255, 255, 0.08);
  --el-fill-color-lighter: #1e2228; //表头填充，
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.6); //弹窗遮罩
}
html.dark-vueuse {
  background: #161618 !important;
  --el-bg-color-page: #090909;
  --el-bg-color: #202126;
  --el-bg-color-overlay: #202126;
  --el-text-color-primary: rgba(255, 255, 245, 0.86);
  --el-text-color-regular: rgba(245, 235, 235, 0.6);
  --el-fill-color: #282a2f;
  --el-fill-color-light: #282a2f;
  --el-fill-color-lighter: #2b2e33;
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.6);
}
// html.dark {
//   --el-bg-color-page: #000000;
//   --el-bg-color: #191919;
//   --el-bg-color-overlay: #3194f7;
//   --el-text-color-primary: #c2d3f0;
//   --el-text-color-regular: #CFD3DC;
//   --el-text-color-secondary: #A3A6AD;
//   --el-text-color-placeholder: #8D9095;
//   --el-text-color-disabled: #6C6E72;
//   --el-border-color-darker: #636466;
//   --el-border-color-dark: #58585B;
//   --el-border-color: #4C4D4F;
//   --el-border-color-light: #414243;
//   --el-border-color-lighter: #363637;
//   --el-border-color-extra-light: #2B2B2C;
//   --el-fill-color-darker: #c92424;
//   --el-fill-color-dark: #39393A;
//   --el-fill-color-light: #262727;
//   --el-fill-color-lighter: #1D1D1D;
//   --el-fill-color-extra-light: #191919;
//   --el-fill-color-blank: transparent;
//   --el-mask-color: rgb(245 13 13 / 80%);
//   --el-mask-color-extra-light: rgba(0, 0, 0, 0.3);
// }
html.dark .el-button {
  --el-button-disabled-text-color: rgba(255, 255, 255, 0.5);
}

html.dark .el-card {
  --el-card-bg-color: var(--el-bg-color-overlay);
}
